<template>
 <div class="goods-center-notice">
   <div class="inner-line">
     <slot name="content">
       {{content}}
     </slot>
   </div>
 </div>
</template>

<script lang="ts" setup>
const props = defineProps<{
  content?: string
}>()
</script>

<style scoped lang="scss">
.goods-center-notice {
  margin-bottom: 20px;
}

.inner-line {
  display: inline-block;
  border: solid 1px var(--el-color-primary);
  color: var(--el-color-primary);
  background: rgba(0, 30, 112, 0.04);
  font-size: 14px;
  padding: 10px;
  border-radius: 4px;
}
</style>
